# 科技演示视频制作流程

> 适用场景：产品 demo、工具/软件操作演示、技术讲解视频。参考对象：opencode 官方的「多 Agent 协同」演示视频（屏幕录制 + 真人出镜解说）。

---

## 一、视频构成拆解

一条完整演示视频 = **三个图层**：

| 图层 | 内容 | 来源 |
|------|------|------|
| 底层 | 终端 / IDE / 界面操作画面 | 屏幕录制 |
| 中层 | 真人出镜（抠像小窗或分屏） | 摄像头拍摄 |
| 顶层 | 开场 Logo、字幕、提示框、转场、BGM | 后期剪辑 |

> 注意：截图顶部/底部的状态栏、播放进度条是**视频平台（B站）的界面**，不属于视频本体，制作时不用管。

---

## 二、整体流程（5 步）

```mermaid
flowchart TD
    A[1. 策划脚本] --> B[2. 搭环境 + 录屏]
    B --> C[3. 拍人像]
    C --> D[4. 剪辑合成]
    D --> E[5. 字幕 / 校对 / 导出]
    E --> F{发布}
    F -->|B站| G[填写标题/标签/合集]
    F -->|抖音/视频号| H[竖屏裁切适配]
```

---

## 三、分步详解

### 第 1 步：策划脚本

- 明确**核心卖点**，一句话说清「这视频要证明什么」。例：多 Agent 协同能同时处理多个任务。
- 分镜脚本：每个镜头 = 屏幕画面 + 旁白 + 字幕。
- 控制时长：演示类视频建议 **60-120 秒**，过长完播率低。

### 第 2 步：搭环境 + 屏幕录制

**工具（免费开源为主）：**
- **OBS Studio**（首选）：跨平台、免费、能多源合成，支持绿幕。
- macOS 自带：Cmd + Shift + 5（快速、无插件，适合纯录屏）；Loom（云剪辑）。

**录屏要点：**
1. 设置分辨率 1920x1080（16:9），帧率 30/60fps。
2. 把终端/窗口字体调大、背景调深色，突出可读性。
3. 关掉通知、隐私弹窗，桌面清理干净。
4. 屏幕右上角留出**人像小窗位置**（避免遮挡操作内容）。

**安装 opencode：** 见 https://opencode.ai 文档，一条命令安装后 `opencode` 启动即可录制。

### 第 3 步：拍人像

**两种主流呈现：**
- **抠像小窗**：绿幕 + 摄像头 → OBS 加「色度键」滤镜抠掉背景，叠右上/右下。
- **左右分屏**：人像占左侧，屏幕占右侧。

**拍摄要点：**
- 光线充足、背景干净；侧面补光避免脸部阴影。
- 眼神看向镜头（或屏幕外景，引导视线）。
- 说话自然、语速适中，配合脚本旁白。

### 第 4 步：剪辑合成

**剪辑工具：**
- **剪映**（国内常用，字幕/特效最省事，免费）
- **Premiere / Final Cut Pro**（专业级，精细化）
- OBS 内多源直接录成上下两层也行，但后期不便，建议录完再剪。

**合成要点：**
1. 人像图层叠加到录屏图层上（剪映「画中画」/ PR 多轨道）。
2. 开场加 Logo / 大字标题动画（如「opencode」）。
3. AI 回答 / 关键步骤用**打字机效果**或高亮标注强调。
4. 长停顿处做**加速跳过**，保持节奏。

### 第 5 步：字幕 / 校对 / 导出

- **字幕**：剪映「识别字幕」自动生成，再人工改词、断句。
- **校对**：核对工具名、命令、术语拼写准确。
- **导出**：1080p、H.264，码率 8-12Mbps；时长横屏。

---

## 四、工具清单（用成熟开源，不重复造轮子）

| 环节 | 推荐工具 | 说明 |
|------|----------|------|
| 录屏 | OBS Studio | 免费、跨平台、多源支持 |
| 人像 | 摄像头 + 绿幕（可选） | OBS 色度键抠像 |
| 剪辑 | 剪映 / Premiere | 字幕识别最省事 |
| 字幕 | 剪映自动识别 | 人工校对 |
| 演示脚本 | opencode / IDE | 操作对象 |

---

## 五、发布适配

| 平台 | 规格 |
|------|------|
| B站 | 横屏 1080p，写标题/标签/合集 |
| 抖音 / 视频号 | 竖屏适配（裁剪或重排版式） |

---

## 六、注意事项

- **演示画面要稳**：录屏前彩排 1-2 遍，避免操作卡顿。
- **脚本先行**：先写旁白再录，减少重录。
- **突出卖点**：一个视频一个核心观点，别贪多。
- **字幕简洁**：一屏不超过 15 字，避免遮挡操作区。r